<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>校妆网</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
		<link rel="stylesheet" type="text/css" href="usercenter.css"/>
		
	</head>
	<body>
		
		
		
		
		
		<!--顶部导航-->
		<div class="one">
			<div>
			<ul class="userrela">
				<li>
					<a href="">【登陆】</a>
				</li>
				<li>
					<a href="">【注册】</a>
				</li>
				<li>
					<a href="">我的订单</a>
				</li>
			</ul>
			</div>
		</div>
		
		
		
		
		
		
		<!--搜索区域-->
		
		<div id="search-zone">
			<!--logo区域-->
			
			<div>
				
			<a href="">
				<img src="img/logo.png" alt="" />
			</a>
			
			<div class="search">
				<div class="clearfix">
			<form action="">
				<input type="text" id="searchitem"/>
				<input type="submit" id="searchact" value=""/>
			</form>
			    </div>
			    
			    <ul class="item">
			    	<li>热门：</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    </ul>
			</div>
			
			<img src="img/school.png" alt="" id="school"/>
			
			</div>
		</div>




<div id="supercontainer">      
<div id="navigate">
	
	<div class="wrap">
		
		<a href="" class="navt" style="width: 200px;background: #E73A77;">全部商品分类</a>
		<a href="" class="navt">首页</a>
		<a href="" class="navt" style="width: 240px;">购物车</a>
	</div>
</div>
</div>
	
	
<!--个人中心包裹-->
<div class="userwrapori">
	<div class="membermunu">
		<div class="usertitlewe">
			<p class="tementr">我的校妆</p>
		</div>
		<h2>
			<span style="color: #F83F6C;">&gt;&nbsp;</span>个人中心
		</h2>
		<ul>
			
			<li><a href="">我的订单</a></li>
			<li><a href="">商品评论</a></li>
			<li><a href="">个人信息</a></li>
			<li><a href="">修改密码</a></li>
			<li><a href="">收货地址</a></li>
			
		</ul>
	</div>
	
	<!--右侧信息-->
	<div class="userrightasd">
		
		
		
		<!--我的订单-->
		<div class="myorderrio" style="display: none;">
			<div class="headerthing">
				<h3 style="color:#f83f6c;float: left;font-size: 16px;">我的订单</h3>
			</div>
			
			<ul>
				<li class="allmyorder">
					<a href="">全部订单(0)</a>
				</li>
				<li class="allmyorder">
					<a href="">未支付订单(0)</a>
				</li>
				<li class="allmyorder">
					<a href="">已支付订单(0)</a>
				</li>
			</ul>
			
			<table class="tableList" align="center" width="920" cellspacing="0" cellpadding="0" border="0" style="display: block;">
<tbody>
	
<tr style="background: #EFEFEF;">

<th class="buytitleuiewr" align="center" width="136">订单编号</th>
<th class="buytitleuiewr" align="center" width="106">收货人</th>
<th class="buytitleuiewr" align="center" width="177">订单金额</th>
<th class="buytitleuiewr" align="center" width="176">下单时间</th>
<th class="buytitleuiewr" align="center" width="163">订单状态</th>
<th class="buytitleuiewr" align="center" width="162">操作</th>
</tr>
<tr class="paike_juli" style="width: 920px;">
<td rowspan="5" style="height: 25x;width: 137px;padding-bottom: 10px;padding-top: 25px;border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;text-align: center;line-height: 25px;">无数据</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">ads</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">asdf</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">asdf</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">asdf</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">asdf</td>
</tr>
</tbody>
</table>
	</div>	
	
	
	<!--商品评论-->
	<div class="myorderrio" style="display: none;">
			<div class="headerthing">
				<h3 style="color:#f83f6c;float: left;font-size: 16px;">评论与咨询</h3>
			</div>
			
			<!--<ul>
				<li class="allmyorder">
					<a href="">全部订单(0)</a>
				</li>
				<li class="allmyorder">
					<a href="">未支付订单(0)</a>
				</li>
				<li class="allmyorder">
					<a href="">已支付订单(0)</a>
				</li>
			</ul>-->
			
			<table class="tableList" align="center" width="920" cellspacing="0" cellpadding="0" border="0" style="display: block;">
<tbody>
	
<tr style="background: #EFEFEF;">

<th class="buytitleuiewr" style="width: 136px" align="center" width="136">评论商品</th>
<th class="buytitleuiewr" style="width: 206px" width="206">评论内容</th>
<th class="buytitleuiewr" style="width: 107px" align="center" width="107">评论时间</th>
<th class="buytitleuiewr" style="width: 206px" align="center" width="206">校妆回复</th>
<th class="buytitleuiewr" style="width: 103px" align="center" width="103">回复时间</th>
</tr>
<tr class="paike_juli" style="width: 920px;">
<td rowspan="5" style="height: 25x;width: 137px;padding-bottom: 10px;padding-top: 25px;border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;text-align: center;line-height: 25px;">无数据</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">ads</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">asdf</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">asdf</td>
<td align="center" style="border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;">asdf</td>
</tr>
</tbody>
</table>
	</div>	
	
	
	
	
	<!--个人信息-->
	<div style="display: none;">
	<div class="myorderrio" style="display:block;height: 60px;">
			<div class="headerthing">
				<h3 style="color:#f83f6c;float: left;font-size: 16px;">个人信息</h3>
			</div>
</div>
	
	<div class="kevininfo">
		<form action="" method="" enctype="multipart/form-data">
			
			<div class="inputkjwej" style="font-size:14px;font-family:'微软雅黑';padding-bottom: 15px;width: 645px;height: 32px;padding: 15px 0;">
			<label>登  录  名：</label>
			<strong>a59536628</strong>
			</div>
			
			<div class="inputkjwej" style="font-size:14px;font-family:'微软雅黑';padding-bottom: 15px;width: 645px;height: 32px;padding: 15px 0;">
			<label>昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：</label>
			<input type="text" class="refixinfouser" name="nickname" />
			</div>
			
			<div class="inputkjwej" style="font-size:14px;font-family:'微软雅黑';padding-bottom: 15px;width: 645px;height: 32px;padding: 15px 0;">
			<label>真实姓名：</label>
			<input type="text" class="refixinfouser" name="realname" />
			</div>
			
			<div class="inputkjwej" style="font-size:14px;font-family:'微软雅黑';padding-bottom: 15px;width: 645px;height: 32px;padding: 15px 0;">
			<label>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label>
			<input type="radio" />&nbsp;女
			<input type="radio" />&nbsp;男
			</div>
			
			<div class="inputkjwej" style="font-size:14px;font-family:'微软雅黑';padding-bottom: 15px;width: 645px;height: 32px;padding: 15px 0;">
			<label>上传头像：</label>
			<input type="file" />

			</div>
			
			<div class="inputkjwej" style="font-size:14px;font-family:'微软雅黑';padding-bottom: 15px;width: 645px;height: 32px;padding: 15px 0;">
			<label>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>
			<input type="text" class="refixinfouser" name="email" />
			</div>
			
			<input type="text" value="提交" class="fenlefengle" />
			
		</form>
	</div>
</div>	
	
	
	<!--修改密码-->
	<div>
	<div class="myorderrio" style="display:block;height: 60px;">
			<div class="headerthing">
				<h3 style="color:#f83f6c;float: left;font-size: 16px;">修改密码</h3>
			</div>
    </div>
    
    <div class="wakaowakao">
    	<form action="" method="">
            <div>
    		<div class="labelthingias">
    			旧密码：
    		</div>
    		<input type="text" name="oldcode" class="zuihounuli"/>
    	    </div>
    	    
    	    <div>
    		<div class="labelthingias">
    			新密码：
    		</div>
    		<input type="text" name="newcode" class="zuihounuli"/>
    	    </div>
    	    
    	    <div>
    		<div class="labelthingias">
    			确认新密码：
    		</div>
    		<input type="text" name="refirmnewcode" class="zuihounuli"/>
    	    </div>
    	    
    	    <input type="submit" value="提交" class="fenlefengle"/>
    	</form>
    </div>
    
	</div>
	
	
	
	
	
		</div>
	</div>
</div>
	











 
	
<!--尾部-->

<div id="footcontainer" style="background:#F7F7F7;">
<div id="footer">
	<div class="footer-help">
		<dl>
			<dt>新手指南</dt>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
		</dl>
		<dl>
			<dt>新手指南</dt>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
		</dl>
		<dl>
			<dt>新手指南</dt>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
		</dl>
		<dl>
			<dt>新手指南</dt>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
		</dl>
	</div>
	
	<div class="codebox">
		<p class="title">关注微信服务号</p>
		<p class="code"><img src="img/bottomCode.jpg" alt="" /></p>
	</div>
	
	<div class="contact">
		<p>全国统一客服热线</p>
        <p class="contact-tel">400-655-2837</p>
        <p>服务时间：08：30-24：00</p>
        <p>客服邮箱：service@xzhuang.com</p>
	</div>
	
	<div></div>
</div>

<div class="foot2_center1">Copyright 2008-2014 北京校妆润达网络科技有限公司 Xzhuang.com 版权所有 京ICP证140093号 京ICP备13013887号</div>


<div class="foot2_center2">
<a target="_blank" href="https://www.alipay.com/aip/aip_validate_list.htm?trust_id=AIP11023279">
<img src="img/zfb_18.jpg">
</a>
<a target="_blank" href="http://net.china.com.cn/">
<img src="img/zfb_20.jpg">
</a>
</div>
</div>

</body>
</html>